<template>
  <div>
    <HiButton type="primary" disabled>Primary</HiButton>
    <HiButton type="secondary" disabled>Secondary</HiButton>
    <HiButton type="dashed" disabled>Dashed</HiButton>
    <HiButton type="outline" disabled>Outline</HiButton>
    <HiButton type="text" disabled>Text</HiButton>
  </div>
  <div>
    <HiButton type="primary" status="success" disabled>Primary</HiButton>
    <HiButton type="secondary" status="success" disabled>Secondary</HiButton>
    <HiButton type="dashed" status="success" disabled>Dashed</HiButton>
    <HiButton type="outline" status="success" disabled>Outline</HiButton>
    <HiButton type="text" status="success" disabled>Text</HiButton>
  </div>
  <div>
    <HiButton type="primary" status="warning" disabled>Primary</HiButton>
    <HiButton type="secondary" status="warning" disabled>Secondary</HiButton>
    <HiButton type="dashed" status="warning" disabled>Dashed</HiButton>
    <HiButton type="outline" status="warning" disabled>Outline</HiButton>
    <HiButton type="text" status="warning" disabled>Text</HiButton>
  </div>
  <div>
    <HiButton type="primary" status="danger" disabled>Primary</HiButton>
    <HiButton type="secondary" status="danger" disabled>Secondary</HiButton>
    <HiButton type="dashed" status="danger" disabled>Dashed</HiButton>
    <HiButton type="outline" status="danger" disabled>Outline</HiButton>
    <HiButton type="text" status="danger" disabled>Text</HiButton>
  </div>
</template>
